import UnHome from "@/static/img/icon_home_@2x.png";
import UnCategory from "@/static/img/tabar_classify_icon_@2x.png";
import UnCar from "@/static/img/car_icon_@2x.png";
import UnMine from "@/static/img/icon_me_@2x.png";

function Docker() {
    return <>
        <div className={"docker"}>
            <div className={"docker-item"}>
                <p className={"iconfont docker-item-icon "}>
                    <img src={UnHome} alt="首页"/>
                </p>
                <p className={"docker-item-title docker-item-active"}>首页</p>
            </div>
            <div className={"docker-item"}>
                <p className={"iconfont docker-item-icon"}>
                    <img src={UnCategory} alt="分类"/>
                </p>
                <p className={"docker-item-title"}>分类</p>
            </div>
            <div className={"docker-item"}>
                <p className={"iconfont docker-item-icon"}>
                    <img src={UnCar} alt="购物车"/>
                </p>
                <p className={"docker-item-title"}>购物车</p>
            </div>
            <div className={"docker-item"}>
                <p className={"iconfont docker-item-icon"}>
                    <img src={UnMine} alt="我的"/>
                </p>
                <p className={"docker-item-title"}>我的</p>
            </div>
        </div>
    </>

}

export default Docker

